﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage<VietThuongLMS.Areas.Admin.Models.DangKyThemModel>" %>

<asp:Content ID="Content1" ContentPlaceHolderID="MainContent" runat="server">
    <style type="text/css">
.muted {
color: #999;
}
/*Process*/

.progress {
  height: 10px;
  margin-bottom: 20px;
  overflow: hidden;
  background-color: #f7f7f7;
  background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
  background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
  background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
  background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9);
  background-repeat: repeat-x;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
     -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
          box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.progress .bar {
  float: left;
  width: 0;
  height: 100%;
  font-size: 12px;
  color: #ffffff;
  text-align: center;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #0e90d2;
  background-image: -moz-linear-gradient(top, #149bdf, #0480be);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));
  background-image: -webkit-linear-gradient(top, #149bdf, #0480be);
  background-image: -o-linear-gradient(top, #149bdf, #0480be);
  background-image: linear-gradient(to bottom, #149bdf, #0480be);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
     -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
          box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: width 0.6s ease;
     -moz-transition: width 0.6s ease;
       -o-transition: width 0.6s ease;
          transition: width 0.6s ease;
}

.progress .bar + .bar {
  -webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15);
     -moz-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15);
          box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15);
}

.progress-striped .bar {
  background-color: #149bdf;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  -webkit-background-size: 40px 40px;
     -moz-background-size: 40px 40px;
       -o-background-size: 40px 40px;
          background-size: 40px 40px;
}

.progress.active .bar {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
     -moz-animation: progress-bar-stripes 2s linear infinite;
      -ms-animation: progress-bar-stripes 2s linear infinite;
       -o-animation: progress-bar-stripes 2s linear infinite;
          animation: progress-bar-stripes 2s linear infinite;
}

.progress-danger .bar,
.progress .bar-danger {
  background-color: #dd514c;
  background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: linear-gradient(to bottom, #ee5f5b, #c43c35);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffc43c35', GradientType=0);
}

.progress-danger.progress-striped .bar,
.progress-striped .bar-danger {
  background-color: #ee5f5b;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-success.progress-striped .bar,
.progress-striped .bar-success {
  background-color: #62c462;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-info .bar,
.progress .bar-info {
  background-color: #4bb1cf;
  background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9));
  background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);
  background-image: -o-linear-gradient(top, #5bc0de, #339bb9);
  background-image: linear-gradient(to bottom, #5bc0de, #339bb9);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff339bb9', GradientType=0);
}

.progress-info.progress-striped .bar,
.progress-striped .bar-info {
  background-color: #5bc0de;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-warning.progress-striped .bar,
.progress-striped .bar-warning {
  background-color: #fbb450;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

/*Tab*/

.tabs-stacked .open > a:hover,
.tabs-stacked .open > a:focus {
  border-color: #999999;
}

.tabbable {
  *zoom: 1;
}

.tabbable:before,
.tabbable:after {
  display: table;
  line-height: 0;
  content: "";
}

.tabbable:after {
  clear: both;
}

.tab-content {
  overflow: auto;
}

.tabs-below > .nav-tabs,
.tabs-right > .nav-tabs,
.tabs-left > .nav-tabs {
  border-bottom: 0;
}

.tab-content > .tab-pane,
.pill-content > .pill-pane {
  display: none;
}

.tab-content > .active,
.pill-content > .active {
  display: block;
}

.tabs-below > .nav-tabs {
  border-top: 1px solid #ddd;
}

.tabs-below > .nav-tabs > li {
  margin-top: -1px;
  margin-bottom: 0;
}

.tabs-below > .nav-tabs > li > a {
  -webkit-border-radius: 0 0 4px 4px;
     -moz-border-radius: 0 0 4px 4px;
          border-radius: 0 0 4px 4px;
}

.tabs-below > .nav-tabs > li > a:hover,
.tabs-below > .nav-tabs > li > a:focus {
  border-top-color: #ddd;
  border-bottom-color: transparent;
}

.tabs-below > .nav-tabs > .active > a,
.tabs-below > .nav-tabs > .active > a:hover,
.tabs-below > .nav-tabs > .active > a:focus {
  border-color: transparent #ddd #ddd #ddd;
}

.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {
  float: none;
}

.tabs-left > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a {
  min-width: 74px;
  margin-right: 0;
  margin-bottom: 3px;
}

.tabs-left > .nav-tabs {
  float: left;
  margin-right: 19px;
  border-right: 1px solid #ddd;
}

.tabs-left > .nav-tabs > li > a {
  margin-right: -1px;
  -webkit-border-radius: 4px 0 0 4px;
     -moz-border-radius: 4px 0 0 4px;
          border-radius: 4px 0 0 4px;
}

.tabs-left > .nav-tabs > li > a:hover,
.tabs-left > .nav-tabs > li > a:focus {
  border-color: #eeeeee #dddddd #eeeeee #eeeeee;
}

.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus {
  border-color: #ddd transparent #ddd #ddd;
  *border-right-color: #ffffff;
}

.tabs-right > .nav-tabs {
  float: right;
  margin-left: 19px;
  border-left: 1px solid #ddd;
}

.tabs-right > .nav-tabs > li > a {
  margin-left: -1px;
  -webkit-border-radius: 0 4px 4px 0;
     -moz-border-radius: 0 4px 4px 0;
          border-radius: 0 4px 4px 0;
}

.tabs-right > .nav-tabs > li > a:hover,
.tabs-right > .nav-tabs > li > a:focus {
  border-color: #eeeeee #eeeeee #eeeeee #dddddd;
}

.tabs-right > .nav-tabs .active > a,
.tabs-right > .nav-tabs .active > a:hover,
.tabs-right > .nav-tabs .active > a:focus {
  border-color: #ddd #ddd #ddd transparent;
  *border-left-color: #ffffff;
}



.pager {
  margin: 20px 0;
  text-align: center;
  list-style: none;
  *zoom: 1;
}

.pager:before,
.pager:after {
  display: table;
  line-height: 0;
  content: "";
}

.pager:after {
  clear: both;
}

.pager li {
  display: inline;
}

.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  margin-right: 5px;
}

.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
  background-color: #f5f5f5;
}

.pager .next > a,
.pager .next > span {
  float: right;
}

.pager .previous > a,
.pager .previous > span {
  float: left;
}

.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: #999999;
  cursor: default;
  background-color: #fff;
}

/*Control */

.form-search .input-append .search-query,
.form-search .input-prepend .search-query {
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}

.form-search .input-append .search-query {
  -webkit-border-radius: 14px 0 0 14px;
     -moz-border-radius: 14px 0 0 14px;
          border-radius: 14px 0 0 14px;
}

.form-search .input-append .btn {
  -webkit-border-radius: 0 14px 14px 0;
     -moz-border-radius: 0 14px 14px 0;
          border-radius: 0 14px 14px 0;
}

.form-search .input-prepend .search-query {
  -webkit-border-radius: 0 14px 14px 0;
     -moz-border-radius: 0 14px 14px 0;
          border-radius: 0 14px 14px 0;
}

.form-search .input-prepend .btn {
  -webkit-border-radius: 14px 0 0 14px;
     -moz-border-radius: 14px 0 0 14px;
          border-radius: 14px 0 0 14px;
}

.form-search input,
.form-inline input,
.form-horizontal input,
.form-search textarea,
.form-inline textarea,
.form-horizontal textarea,
.form-search select,
.form-inline select,
.form-horizontal select,
.form-search .help-inline,
.form-inline .help-inline,
.form-horizontal .help-inline,
.form-search .uneditable-input,
.form-inline .uneditable-input,
.form-horizontal .uneditable-input,
.form-search .input-prepend,
.form-inline .input-prepend,
.form-horizontal .input-prepend,
.form-search .input-append,
.form-inline .input-append,
.form-horizontal .input-append {
  display: inline-block;
  *display: inline;
  margin-bottom: 0;
  vertical-align: middle;
  *zoom: 1;
}

.form-search .hide,
.form-inline .hide,
.form-horizontal .hide {
  display: none;
}

.form-search label,
.form-inline label,
.form-search .btn-group,
.form-inline .btn-group {
  display: inline-block;
}

.form-search .input-append,
.form-inline .input-append,
.form-search .input-prepend,
.form-inline .input-prepend {
  margin-bottom: 0;
}

.form-search .radio,
.form-search .checkbox,
.form-inline .radio,
.form-inline .checkbox {
  padding-left: 0;
  margin-bottom: 0;
  vertical-align: middle;
}

.form-search .radio input[type="radio"],
.form-search .checkbox input[type="checkbox"],
.form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"] {
  float: left;
  margin-right: 3px;
  margin-left: 0;
}

.radio
{
    padding-top: 5px;
}

.control-group {
  margin-bottom: 10px;
}

legend + .control-group {
  margin-top: 20px;
  -webkit-margin-top-collapse: separate;
}

.form-horizontal .control-group {
  margin-bottom: 20px;
  *zoom: 1;
}

.form-horizontal .control-group:before,
.form-horizontal .control-group:after {
  display: table;
  line-height: 0;
  content: "";
}

.form-horizontal .control-group:after {
  clear: both;
}

.form-horizontal .control-label {
  float: left;
  width: 160px;
  padding-top: 5px;
  text-align: right;
  font-family: Arial !important;
  font-size: 14px !important;
}

.radio 
{
    font-family: Arial !important;
    font-size: 14px !important;
}

.span6
{
    width: 220px !important;
    font-family: Arial !important;
    font-size: 14px !important;
}

.form-horizontal .controls {
  *display: inline-block;
  *padding-left: 20px;
  margin-left: 180px;
  *margin-left: 0;
}

.form-horizontal .controls:first-child {
  *padding-left: 180px;
}

.form-horizontal .help-block {
  margin-bottom: 0;
}

.form-horizontal input + .help-block,
.form-horizontal select + .help-block,
.form-horizontal textarea + .help-block,
.form-horizontal .uneditable-input + .help-block,
.form-horizontal .input-prepend + .help-block,
.form-horizontal .input-append + .help-block {
  margin-top: 10px;
}

.form-horizontal .form-actions {
  padding-left: 180px;
}

/*Nav*/

.nav-tabs > li,
.nav-pills > li {
  padding-right: 12px;
  padding-left: 12px;
  margin-right: 2px;
  margin-bottom: 2px;
  line-height: 14px;
  background: #eee;
}

.nav-tabs > .active {
  color: #555555;
  cursor: default;
  background: #fff;
  border: 1px solid #ddd;
  border-right-color: transparent;
}

#tabsleft ul li a span {
    display: block;
}

#tabsleft ul li a .strong {
    font-weight: bold;
}

.ml15
{
    margin-left: 15px;   
}

.pl50
{
    padding-left: 50px;   
}

.w80
{
    width: 85px;
    display: inline-block;
}

.w160
{
    width: 160px;
    display: inline-block;
    padding-left: 40px;
}

.field-validation-error
{
    color: Red;
}

h4
{
    margin-bottom: 5px;
}

input[type="password"], textarea, select {
    background-color: #F7F7F8;
    border: 1px solid rgba(255, 255, 255, 0);
    height: 36px;
    line-height: 28px;
    margin: 0 0 3px;
    overflow: hidden;
    padding: 5px;
    transition: all 0.3s ease-in-out 0s;
    width: 60%;
}


input[type="password"]:focus, textarea:focus, select option:hover {
    background: none repeat scroll 0 0 #33BEE5;
    color: #FFFFFF;
}

</style>
    <div class="wrap_headline">
        <div class="headline">
            <h1>
                Đăng ký</h1>
        </div>
    </div>
    <div class="wrap_cont_nav">
        <div class="cont_nav">
            <a href='<%=ResolveUrl("~/")%>'>Trang chủ</a>&nbsp;/&nbsp;Chọn lớp&nbsp;/&nbsp;Đăng ký
        </div>
    </div>
    <div class="container">
        <section id="middle">
					<div class="middle_inner">
<!-- __________________________________________________ Start Content -->

<div class="row-fluid">
                <div class="span12">
                    <div class="widget box purple">
                        <div class="widget-title">
                            <h4>
                                <%--<center>Phiếu đăng ký nhập học</center>--%>
                            </h4>
                        <span class="tools">
                           <a href="javascript:;" class="icon-chevron-down"></a>
                           <a href="javascript:;" class="icon-remove"></a>
                        </span>
                        </div>
                        <div class="widget-body">
    <% Html.EnableClientValidation();
       using (Html.BeginForm("DangKyThem", "Home", FormMethod.Post, new { @class = "form-horizontal", @id = "formNew", @name = "formNew", enctype = "multipart/form-data" }))
       {
    %>
                                <div id="tabsleft" class="tabbable tabs-left">
                                <ul>
                                    <li><a href="#tabsleft-tab4" data-toggle="tab"><span class="strong">Phần 4</span> <span class="muted">Thông tin lớp</span></a></li>
                                    <li><a href="#tabsleft-tab5" data-toggle="tab"><span class="strong">Phần 5</span> <span class="muted">Chọn chi nhánh</span></a></li>
                                    <li><a href="#tabsleft-tab6" data-toggle="tab"><span class="strong">Phần 6</span> <span class="muted">Hình thức thanh toán</span></a></li>
                                </ul>
                                <div class="progress progress-info progress-striped">
                                    <div class="bar"></div>
                                </div>
                                <%: Html.ValidationSummary() %>
                                <div class="tab-content">
                                    <div class="tab-pane" id="tabsleft-tab4">
                                        <h3>Phần 4</h3>
                                       <div class="control-group">
                                            <label class="control-label">Bạn thích học nhạc bằng ngôn ngữ nào?</label>
                                            <div class="controls">
                                            <%: Html.RadioButtonFor(t => t.NgonNgu, "Tiếng Việt", new { @class="ml15", @checked="checked" })%> Tiếng Việt
                                            <%: Html.RadioButtonFor(t => t.NgonNgu, "English", new { @class = "ml15" })%> Tiếng Anh
                                            </div>
                                        </div>
                                       <div class="control-group">
                                            <label class="control-label">Bạn chọn hình thức lớp học nào?</label>
                                            <div class="controls">
                                            <%: Html.RadioButtonFor(t => t.LoaiLopHoc, "1", new { @class = "ml15", @checked = "checked" })%> Học 1 thầy 1 trò
                                            <%: Html.RadioButtonFor(t => t.LoaiLopHoc, "2", new { @class = "ml15" })%> Học nhóm
                                            </div>
                                        </div>
                                       <div class="control-group">
                                            <label class="control-label">Khi nào bạn có thể bắt đầu học? <span class="field-validation-error">(*)</span></label>
                                            <div class="controls">
                                            <%: Html.TextBoxFor(t => t.NgayBatDauHoc, new { @class = "span6", @Value = DateTime.Now.ToString("dd/MM/yyyy") })%>
                                            </div>
                                        </div>

                                        <hr />
                                        <h4>Thời gian bạn có thể học trong tuần </h4>
                                        <div class="control-group">
                                            <label class="control-label">Thứ 2:</label>
                                            <div class="controls">
                                                <%: Html.TextBoxFor(t => t.TGH_2, new { @class = "span6", @Value = "17:00-24:00" })%>
                                                <%: Html.ValidationMessageFor(m => m.TGH_2)%>
                                                <span class="pl50">
                                                    <span class="w80">Thứ 3:</span>
                                                    <%: Html.TextBoxFor(t => t.TGH_3, new { @class = "span6", @Value = "17:00-24:00" })%>
                                                    <%: Html.ValidationMessageFor(m => m.TGH_3)%>
                                                </span>
                                            </div>
                                        </div>
                                        <div class="control-group">
                                            <label class="control-label">Thứ 4:</label>
                                            <div class="controls">
                                                <%: Html.TextBoxFor(t => t.TGH_4, new { @class = "span6", @Value = "17:00-24:00" })%>
                                                <%: Html.ValidationMessageFor(m => m.TGH_4)%>
                                                <span class="pl50">
                                                    <span class="w80">Thứ 5:</span>
                                                    <%: Html.TextBoxFor(t => t.TGH_5, new { @class = "span6", @Value = "17:00-24:00" })%>
                                                    <%: Html.ValidationMessageFor(m => m.TGH_5)%>
                                                </span>
                                            </div>
                                        </div>
                                        <div class="control-group">
                                            <label class="control-label">Thứ 6:</label>
                                            <div class="controls">
                                                <%: Html.TextBoxFor(t => t.TGH_6, new { @class = "span6", @Value = "17:00-24:00" })%>
                                                <%: Html.ValidationMessageFor(m => m.TGH_6)%>
                                                <span class="pl50">
                                                    <span class="w80">Thứ 7:</span>
                                                    <%: Html.TextBoxFor(t => t.TGH_7, new { @class = "span6", @Value = "00:00-24:00" })%>
                                                    <%: Html.ValidationMessageFor(m => m.TGH_7)%>
                                                </span>
                                            </div>
                                        </div>
                                        <div class="control-group">
                                            <label class="control-label">Chủ nhật:</label>
                                            <div class="controls">
                                                <%: Html.TextBoxFor(t => t.TGH_CN, new { @class = "span6", @Value = "00:00-24:00" })%>
                                                <%: Html.ValidationMessageFor(m => m.TGH_CN)%>
                                            </div>
                                        </div>
                                        <hr />

                                        <h4>Những chuyên đề bạn sẽ tham dự </h4>
                                        <span class="w160">
                                        <%: Html.CheckBoxFor(t => t.CD_GuitarThung)%> Guitar thùng
                                        <%: Html.ValidationMessageFor(m => m.CD_GuitarThung)%>
                                        </span>
                                        <span class="w160">
                                            <%: Html.CheckBoxFor(t => t.CD_Violin)%> Violin
                                            <%: Html.ValidationMessageFor(m => m.CD_Violin)%>
                                        </span>
                                        <span class="w160">
                                            <%: Html.CheckBoxFor(t => t.CD_Flute)%> Flute 
                                            <%: Html.ValidationMessageFor(m => m.CD_Flute)%>
                                        </span>
                                        <span class="w160">
                                            <%: Html.CheckBoxFor(t => t.CD_GuitarDien)%> Guitar điện 
                                            <%: Html.ValidationMessageFor(m => m.CD_GuitarDien)%>
                                        </span>
                                        <span class="w160">
                                            <%: Html.CheckBoxFor(t => t.CD_Viola)%> Viola
                                            <%: Html.ValidationMessageFor(m => m.CD_Viola)%>
                                        </span>
                                        <span class="w160">
                                            <%: Html.CheckBoxFor(t => t.CD_ThanhNhac)%> Thanh nhạc
                                            <%: Html.ValidationMessageFor(m => m.CD_ThanhNhac)%>
                                        </span>
                                        <span class="w160">
                                            <%: Html.CheckBoxFor(t => t.CD_GuitarBass)%> Guitar bass
                                            <%: Html.ValidationMessageFor(m => m.CD_GuitarBass)%>
                                        </span>
                                        <span class="w160">
                                            <%: Html.CheckBoxFor(t => t.CD_Clarinet)%> Clarinet
                                            <%: Html.ValidationMessageFor(m => m.CD_Clarinet)%>
                                        </span>
                                        <span class="w160">
                                            <%: Html.CheckBoxFor(t => t.CD_Keyboard)%> Keyboard 
                                            <%: Html.ValidationMessageFor(m => m.CD_Keyboard)%>
                                        </span>
                                        <span class="w160">
                                            <%: Html.CheckBoxFor(t => t.CD_Piano)%> Piano
                                            <%: Html.ValidationMessageFor(m => m.CD_Piano)%>
                                        </span>
                                        <span class="w160">
                                            <%: Html.CheckBoxFor(t => t.CD_Saxophone)%> Saxophone
                                            <%: Html.ValidationMessageFor(m => m.CD_Saxophone)%>
                                        </span>
                                        <span class="w160">
                                            <%: Html.CheckBoxFor(t => t.CD_Trong)%> Trống  
                                            <%: Html.ValidationMessageFor(m => m.CD_Trong)%>
                                        </span>
                                        <span class="w160">
                                            <%: Html.CheckBoxFor(t => t.CD_NhacLy)%> Nhạc lý ký xướng âm
                                            <%: Html.ValidationMessageFor(m => m.CD_NhacLy)%>
                                        </span>
                                        <span class="w160">
                                            <%: Html.CheckBoxFor(t => t.CD_ChuyenDeKhac)%> Khác 
                                            <%: Html.ValidationMessageFor(m => m.CD_ChuyenDeKhac)%>
                                        </span>
                                  </div>
                                  <div class="tab-pane" id="tabsleft-tab5">
                                        <h3>Phần 5</h3>
                                       <div class="control-group">
                                            <label class="control-label">Chọn chi nhánh</label>
                                            <div class="controls">
                                                <%=ViewData["ChiNhanhList"]%>
                                            </div>
                                            <div style="margin-left: 60px; margin-top: 20px;">
                                                <%: Html.CheckBoxFor(t => t.AcceptsTerms) %>
                                                Tôi đã đọc và đồng ý với <a href="<%=ResolveUrl("~/Images/QuiDinh.jpg")%>" class="imgHoatDong" title="">Qui định</a> của trường.
                                            </div>
                                        </div>
                                    </div>
                                  <div class="tab-pane" id="tabsleft-tab6">
                                        <h3>Phần 6</h3>
                                       <div class="control-group">
                                            <label class="control-label" style="width:180px">Chọn hình thức thanh toán:</label>
                                            <div class="controls">
                                                <%=ViewData["HinhThucThanhToan"]%>
                                                <div style="padding-left:33px">
                                                Tên doanh nghiệp: Công Ty TNHH Giáo dục Việt Thương<br />
                                                Mã số thuế:<br />
                                                Ngân hàng: Eximbank chi nhánh Q4
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <ul class="pager wizard">
                                        <li class="previous first"><a href="javascript:;">First</a></li>
                                        <li class="previous"><a href="javascript:;">Previous</a></li>
                                        <li class="next last"><a href="javascript:;">Last</a></li>
                                        <li class="next"><a href="javascript:;">Next</a></li>
                                        <li class="next finish" style="display:none;"><a href="javascript:;">Finish</a></li>
                                    </ul>
                                </div>
                            </div>
                            <% } %>
                        </div>
                    </div>
                </div>
            </div>
<!-- __________________________________________________ Finish Sidebar -->	
						
					</div>
				</section>
        <!--script for this page-->
        <script src="<%=ResolveUrl("~/Plugins/Metrolab/assets/bootstrap/js/bootstrap.min.js")%>"></script>
        <script src="<%=ResolveUrl("~/Plugins/Metrolab/assets/bootstrap-wizard/jquery.bootstrap.wizard.min.js")%>"></script>
        <script src="<%=ResolveUrl("~/Plugins/Metrolab/js/form-wizard.js")%>"></script>
        <script src="<%=ResolveUrl("~/Plugins/Colorbox/jquery.colorbox-min.js")%>" type="text/javascript"></script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="head" runat="server">
    <title><%=Resources.Global.title%> - <%=Resources.Global.dang_ky%></title>
    <script type="text/javascript" src="<%: Url.Content("~/Scripts/MicrosoftAjax.js") %>"></script>
    <script type="text/javascript" src="<%: Url.Content("~/Scripts/MicrosoftMvcValidation.js") %>"></script>
		<link rel="stylesheet" href="<%=ResolveUrl("~/Plugins/Colorbox/colorbox.css")%>" type="text/css" media="screen" />
</asp:Content>
